.web{
	width: 1440px;
	height: 1605px;
}

/* 头部 */
.web header{
	height: 115px;
	
}
.web header .top img{
	margin-top: 21px;
	margin-left: 40px;
	width: 82px;
	height: 77px;
	cursor: pointer;
}
.web header .top .text{
	width: 634px;
	height: 74px;
	margin-top: 22px;
	margin-right: 35px;
}
.web header .top .text1{
	width: 214px;
	height: 74px;
	float: left;
}
header .top .text li{
	float: left;
	font-size: 20px;
	text-align: center;
}
header .top .text li a{
	color: #000000;
}
header .top .text li span{
	font-size: 17px;
	color: #838383;
	
}
header .top .text .app{
	width: 23px;
	height: 23px;
	background-color: #0fc2c4;
	color: #F1F1F1;
	margin-left: 120px;
}
header .top .text li{
	position: relative;
	cursor: pointer;
}


.web header .top .text li::after{
	content: "";
	background-color: #838383;
	position: absolute;
	bottom: 10px;
	width: 0;
	height:1px;
	right: -40px;
	transform: rotate(-65deg);
	transform-origin: center;
	transition: all 1.5s ease;
}
.web header .top .text li::before{
	content: "";
	background-color: #838383;
	position: absolute;
	top: 0;
	width: 0;
	height: 1px;
	left: -30px;
	transform: rotate(-65deg);
	transform-origin: center;
	transition: all 1.5s ease;
}
.web header .top .text li:hover::after{
	width: 50px;
}
.web header .top .text li:hover::before{
	width: 50px;
}



/* 中部 */
.web section{
	width: 1440px;
	height: 208px;
	
}

.web section .main{
	height: 73px;
	width: 1440px;
	background-color: #08cacc;
}
.web section .main .main2{
	width: 150px;
	height: 30px;
	margin-left: 45px;
	padding-top: 25px;
}
.web section .main .main2 h2{
	font-size: 18px;
	color: #FFFFFF;
	margin-right: 10px;
	float: left;
	cursor: pointer;
}
.web section .main .main2 img{
	width: 8px;
	height: 16px;
	float: left;
	margin-right: 10px;
}
.web section .type{
	width: 1440px;
	height: 100px;
	background-color: #fccf00;
}
.web section .type .type2{
	height: 43px;
	width: 597px;
	margin-left: 335px;
	padding-top: 35px;
	text-align: center;
	display: inline-block;
}
.web section .type .type2 li{
	width: 100px;
	height: 35px;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #000000;
	font-size: 14px;
	float: left;
	border-radius: 25px;
	margin-left: 10px;
	line-height: 35px;
	cursor: pointer;
	transition: all 0.1s;
}
.web section .type .type2 li:hover{
	background-color: #08cacc;
}
.web section .type img{
	float: right;
	width: 198px;
	height: 62px;
	display: inline-block;
	margin-top: 25px;
	margin-right: 30px;
	cursor: pointer;
}

.web section .img{
	width: 1440px;
	height: 25px;
}





/* 尾部 */
.web footer{
	height: 1282px;
	width: 1440px;
}
.web footer .ico{
	width: 630px;
	height: 528px;
	margin-left: 384px;
	padding-top: 50px;
	
}
.web footer .ico .icon{
	width: 255px;
	height: 110px;
	cursor: pointer;
}
footer .ico .icon li{
	float: left;
	font-size: 14px;
	line-height: 110px;
}

.web footer .ico .icon i{
	font-size: 80px;
	margin-left: 16px;
	
}

.web footer .ico img{
	width: 21px;
	height: 27px;
	background-color: #cacaca;
	margin-left: -54px;
}


.web footer .ico .icon2{
	width: 255px;
	height: 105px;
	cursor: pointer;
}
footer .ico .icon2 li{
	float: left;
	font-size: 14px;
	line-height: 105px;
}

.web footer .ico .icon2 i{
	font-size: 80px;
	margin-left: 16px;
	
}

.web footer .ico ul:hover{
	color: #08cacc;
}



.web footer .ico .wire{
	width: 0;
	height: 479px;
	border: 1px dotted #4d4d4d;
	float: left;
	display: inline-block;
	margin-top: -500px;
	margin-left: 159px;
	letter-spacing: 4px;
}
.web footer .ico .form{
	width: 370px;
	height: 497px;
	float: right;
	margin-top: -500px;
}

.web footer .ico .form input[type="text"]{
	width: 270px;
	height: 54px;
	background-color: #f7f7f7;
	border: 1px solid #000000;
	float: right;
	font-size: 16px;
	margin-bottom: 27px;
	text-indent: 2em;
	cursor: pointer;
}
.web footer .ico .form button{
	width: 118px;
	height: 40px;
	margin-top: 100px;
	margin-left: 100px;
	border-radius: 10px;
	background-color:  #f7f7f7;
	cursor: pointer;
}


.web footer .base{
	width: 1440px;
	height: 163px;
	margin-top: 541px;
}